<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
        <title>5-6 设计师个人中心-上传作品</title>
        <link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../css/style.css">
    </head>

    <body>
        <div class="ic-header">
            <div class="top-nav hidden-xs hidden-sm">
                <div class="container">
                    <div class="row">
                        <div class="top-nav-favsite col-xs-5 ">
                            <a href="#">收藏本站</a>
                        </div>
                        <div class="top-nav-useradmin col-xs-7">
                            <div class="headerPage-Btn pull-right">
                                <button type="button" class="headerPage-btn pageBtn-1">买家中心</button>
                                <button type="button" class="headerPage-btn pageBtn-2" data-toggle="modal" data-target="#exampleModal">我要开店</button>
        
                            </div>
                            <ul class="pull-right register-state">
                                <li><a class="ic-headerName" href="#">美妮美妮真美丽</a> <i class="fa fa-sort-desc"></i>
        
                                    <ul class="register-stateSecondary">
                                        <div class="carten"><i class="fa fa-caret-up"></i></div>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">个人中心</a></li>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">我的订单</a></li>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">我的消息</a></li>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">退出账户</a></li>
                                    </ul>
        
                                </li>
                                <li><a href="#">欢迎您</a></li>
                            </ul>
                            <div class="favfolder pull-right">
                                <a class="top-nav-aborder" href=""><i class="fa fa-star"></i>收藏夹</a>
                            </div>
                            <div class="shopcart pull-right">
                                <a href=""><i class="fa fa-shopping-cart"></i>购物车<b >2</b></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
            <div class="main-nav">
                <div class="container">
                    <div class="row">
                        <div class="main-logo col-xs-12 col-md-2">
                            <a href="ic-index.html">
                                <img src="../images/public/icolor-logo.png" alt="icolor-logo" />
                            </a>
                        </div>
                        <div class="col-xs-12 col-md-2">
                            <div class="page-name-user-center"><span>个人中心</span></div>
                        </div>
                        <div class="col-xs-12 col-md-offset-4 col-md-4 col-lg-3 col-lg-push-1 visible-md visible-lg search-bar">
                            <form action="#">
                                <div class="input-group search-bar-body">
                                    <div class="input-group-btn main-navbar-search-dropdown ic-fake-select">
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="search-bar-channel-text ic-fake-select-value-display">图库</span></button>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">图库</a></li>
                                            <li><a href="#">文章</a></li>
                                            <li><a href="#">商品</a></li>
                                            <li><a href="#">设计</a></li>
                                        </ul>
                                        <input type="hidden" class="search-bar-channel">
                                    </div>
                                    <input type="text" class="form-control search-query" placeholder="海量精美效果图任你选">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default btn-search" type="submit">
                                            <i class="fa fa-search"></i>
                                        </button>
                                    </span>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        
        </div>
        
        <div class=" modal fade in" id="exampleModal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 ">
                        <div class="modal-content">
                            <div class="dusc-personal dusc-shop dusc-header-login">
        
                                <div class="dusc-shopbox">
                                    <div class="modal-header modala-headerTittle">
                                        请您留下信息， 稍后iColor客服会与你联系， 沟通开店事宜
                                    </div>
        
                                    <div class="form-group clearfix">
                                        <div class="col-xs-12 col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3">
                                            <input type="text" name="" id="" class="form-control" placeholder="您的称呼" />
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="col-xs-12 col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3"">
                                            <input type="text" name="" id="" class="form-control" placeholder="手机号码" />
                                        </div>
                                    </div>
                                    
                                    <div class="col-xs-12  header-loginOne">
                                    <button class="btn btn-block ">提交</button>
        
                                    </div>
                                                                <div class="headerloginP">*为了保障您的利益，iColor将严格保密您的隐私!</div>
        
                                </div>
        
                                <div class="personal-superposedLayer">
                                    <button class=" btn-block superposedLayer-btn" data-dismiss="modal">
                                            <i class="fa fa-times superposedLayer-fa" ></i>
                                        </button>
                                </div>
                                <div class="superBtn">
        
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">

            <div class="row">

                <form action="" class="form-horizontal form-margin">

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class=" form-group portfoliosForm-lie">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          作品名称<i>*</i>
                                        </label>
                                <div class="col-md-4 col-sm-6 col-xs-12 form-horizontal-input">
                                    <input id="capacityName" type="text" class="form-control" />
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-12 portfoliosForm-affirm">还可以输入<span>50</span>字符/汉字</div>
                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class="form-group portfoliosForm-lie">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          房型<i>*</i>
                                        </label>
                                <div class="col-md-11 col-sm-10 col-xs-12 portfolis-checkbox-1">
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>小户型</span>
                                    </div>
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>公寓</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>别墅</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>复式</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>大户型</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>错层</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>跃层</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>大平层</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>挑高</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>loft</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>四合院</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox5" />
                                        <span>老洋房</span>
                                    </div>

                                    

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class="form-group portfoliosForm-lie portfolis-checkbox-2">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          户型<i>*</i>
                                        </label>
                                <div class="col-md-11 col-sm-10 col-xs-12">
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1"/>
                                        <span>一室一厅</span>
                                    </div>
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>两室一厅</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>两室两厅</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>三室一厅</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>三室两厅</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>一居室</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>二居室</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>三居室</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>四居室</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox1" />
                                        <span>四居以上</span>
                                    </div>

                                  
                                    

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class="form-group portfoliosForm-lie portfolis-checkbox-3">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          风格<i>*</i>
                                        </label>
                                <div class="col-md-11 col-sm-10 col-xs-12">
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>现代简约</span>
                                    </div>
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>混搭</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>欧式</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>田园</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>新中式</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>地中海</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>北欧</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>美式</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>工业</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>东南亚</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>日式</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>法式</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>英伦</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>中式</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>简欧</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>宜家</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>古典</span>
                                    </div>
                                    
                                      <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox2" />
                                        <span>乡村</span>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class="form-group portfoliosForm-lie ">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          所属城市<i>*</i>
                                        </label>
                                <div class="col-xs-12 col-sm-5   portfoliosForm-bottom">
                                    <div class="col-xs-12 col-sm-4 select-deLeft">
                                        <select class="form-control">
                                                    <option>请选择</option>
                                                    <option>北京</option>
                                                    <option>南京</option>
                                                    <option>西京</option>
                                                     <option>东京</option>
                                                </select>
                                    </div>

                                    <div class="col-xs-12 col-sm-4 select-deLeft">
                                        <select class="form-control">
                                                    <option>请选择</option>
                                                    <option>北京</option>
                                                    <option>南京</option>
                                                    <option>西京</option>
                                                    <option>东京</option>
                                                </select>
                                    </div>

                                    <div class="col-xs-12 col-sm-4 select-deLeft">
                                        <select class="form-control">
                                                    <option>请选择</option>
                                                    <option>北京</option>
                                                    <option>南京</option>
                                                    <option>西京</option>
                                                    <option>东京</option>
                                                </select>
                                    </div>

                                </div>
                                <div class="col-xs-12 col-sm-5">
                                    <span class="portfoliosForm-bSpan">请如实填写作品建筑所属城市，以便顺利参加iColor的相关活动</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class=" form-group portfoliosForm-lie">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          楼盘名称<i>*</i>
                                        </label>
                                <div class="col-md-4 col-sm-6 col-xs-12 form-horizontal-input">
                                    <input id="capacityName" type="text" class="form-control" />
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class=" form-group portfoliosForm-lie">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          设计理念
                                        </label>
                                <div class="col-md-11 col-sm-10 col-xs-12 form-horizontal-input">
                                    <textarea class="portfoliosForm-lie-textarea"></textarea>
                                    <div class="col-xs-12 portfoliosForm-lie-textareaW">
                                        还可以输入<span>2000</span> 字符/汉字
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class="form-group portfoliosForm-lie portfolis-checkbox-4">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                         装修报价
                                        </label>
                                <div class="col-md-11 col-sm-10 col-xs-12">
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox3" />
                                        <span>8万以下</span>
                                    </div>
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox3" />
                                        <span>8-15万</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox3" />
                                        <span>15-30万</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox3" />
                                        <span>30万-50万</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox3" />
                                        <span>50万-100万</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox3" />
                                        <span>100万以上</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class="form-group portfoliosForm-lie portfolis-checkbox-5">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                        装修面积
                                        </label>
                                <div class="col-md-11 col-sm-10 col-xs-12">
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>40平米以下</span>
                                    </div>
                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>40平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>50平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>60平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>70平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>80平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>90平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>100平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>110平米</span>
                                    </div>

                                    <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>120平米</span>
                                    </div>
                                    
                                     <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>130平米</span>
                                    </div>
                                    
                                     <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>140平米</span>
                                    </div>
                                    
                                     <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>150平米</span>
                                    </div>
                                    
                                     <div class="portfolis-checkbox">
                                        <input type="radio" name="checkbox4" />
                                        <span>150平米以上</span>
                                    </div>
                                    
                                

                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="portfoliosForm">
                        <div class="portfolios-list">
                            <div class=" form-group portfoliosForm-lie">
                                <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          上传图片<i>*</i>
                                        </label>
                                <div class="col-md-2 col-sm-3 col-xs-12 form-horizontal-inputc">
                                    <a class="portfoliosForm-inputa" href="javascript:;"><i class="fa fa-picture-o"></i>上传图片 <input type="file" />
                                       
                                   </a>
                                </div>

                                <div class="col-md-9 col-sm-7 col-xs-12 for-horizontal-w">
                                    支持JPG、GIF、PNG、或BMP格式图片，单张（长
                                    <8000，宽<2000，大小<10M），最多上传60张图片，支持批量上传 </div>

                                        <div class="col-xs-12 col-sm-10 col-md-10 personal-baoh-parent">
                                            <div class="personal-baoh">
                                                <p class="personal-baoh-p">1、为了保护您的原创作品不被他人盗用，iColor会自动为您上传的作品加上水印，请在以下空格中填入您的姓名；</p>
                                                <div class="personal-baohBox">
                                                    <span>您的作品水印字样：iColor设计师</span>
                                                    <input type="text" />
                                                </div>

                                                <p class="personal-baoh-p">2、且为了体现您作品的真实和原创，建议您上传的作品中最好含有以下三种类型的图片：</p>

                                                <div class="personal-baohBox">
                                                    <span>（1）平面图&nbsp;&nbsp;（2）立面图&nbsp;&nbsp;（3）&nbsp;&nbsp;效果图或者实景图</span>

                                                </div>
                                            </div>
                                        </div>

                                        <h2 class="col-xs-12 col-sm-10 col-md-10  col-md-offset-1  col-sm-offset-2 personal-baohH2">
                                            
                                            您已经添加 <span> 2 </span> 张图片，上传成功后可以拖动灰色区域对作品排序。
                                        </h2>

                                        <div class="col-xs-12 col-sm-10 col-md-10  col-md-offset-1  col-sm-offset-2">

                                            <div class="personal-uploading clearfix">
                                                <div class="col-xs-12 col-sm-5 uploading-paere">
                                                    <p class="uploading-p">正在上传&nbsp;&nbsp;<span>长沙喜盈门城市广场售楼内样板房01.jpg </span> &nbsp;&nbsp; 88%</p>
                                                </div>
                                                <div class="progress uploading-jdt col-xs-12 col-sm-7">
                                                    <div class="progress-bar uploading-jdt-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
                                                        <span class="sr-only">80% Complete</span>
                                                    </div>
                                                </div>

                                            </div>

                                        </div>

                                        <div class="col-xs-12 col-sm-10 col-md-10  col-md-offset-1  col-sm-offset-2">
                                            <div class="personal-uploading2 clearfix">
                                                <div class="col-xs-12 col-sm-4 col-md-3">
                                                    <img src="../images/contents/dsuc-Upload-Portfolios.jpg" alt="" />
                                                </div>
                                                <div class="col-xs-12 col-sm-4 col-md-6">
                                                    <textarea   placeholder="对您的作品简单描述几句吧！（选填）"></textarea>
                                                </div>
                                                <div class="col-xs-12 col-sm-4 col-md-3 personal-uploadingLabei">
                                                    <label class="">
                                                        <input type="radio" name="checkbox5" />
                                                        设为封面
                                                        <a class="personal-uploadingBtn" href=""><i class="fa fa-trash"></i>删除</a>
                                                    </label>
                                                </div>

                                            </div>

                                        </div>

                                        <div class="col-xs-12 col-sm-10 col-md-10  col-md-offset-1  col-sm-offset-2">
                                            <div class="personal-uploading2 clearfix">
                                                <div class="col-xs-12 col-sm-4 col-md-3">
                                                    <img src="../images/contents/dsuc-Upload-Portfolios.jpg" alt="" />
                                                </div>
                                                <div class="col-xs-12 col-sm-4 col-md-6">
                                                    <textarea  placeholder="对您的作品简单描述几句吧！（选填）"></textarea>
                                                </div>
                                                <div class="col-xs-12 col-sm-4 col-md-3 personal-uploadingLabei">
                                                    <label class="">
                                                        <input type="radio" name="checkbox5" />
                                                        设为封面
                                                        <a class="personal-uploadingBtn" href=""><i class="fa fa-trash"></i>删除</a>
                                                    </label>
                                                </div>

                                            </div>

                                        </div>

                                </div>
                            </div>
                        </div>

                    <div class="portfoliosForm">
                            <div class="portfolios-list">
                                <div class=" form-group portfoliosForm-lie">
                                    <label class="col-md-1 col-sm-2 col-xs-12 form-horizontal-word">
                                          推荐色号<i>*</i>
                                        </label>
                                    <div class="col-md-11 col-sm-10 col-xs-12 form-horizontal-input portfoliosForm-colocation ">
                                        <div class="portfoliosForm-itmeTittle">
                                        	 立邦百搭色系列：
                                        </div>
                                       
                                        <div class="portfoliosForm-itme">
                                        <a class="portfoliosForm-colocation-a colocationOn" href="javascript:;">沉稳中性</a>
                                        <a class="portfoliosForm-colocation-a" href="javascript:;">摩登单色</a>
                                        <a class="portfoliosForm-colocation-a" href="javascript:;">清新感觉</a>
                                        <a class="portfoliosForm-colocation-a" href="javascript:;">可爱蜡笔</a>
                                        <a class="portfoliosForm-colocation-a" href="javascript:;">轻柔质感</a>
                                        <a class="portfoliosForm-colocation-a" href="javascript:;">环球风情</a>
                                        </div>

                             <div class="portfoliosFooter-itme clearfix">
                                        <div class="col-xs-12 portfoliosForm-footer onShow">
                                            <div class="col-xs-12 col-sm-4 col-md-4 footer-color1 footer-parentColor">
                                                <h2 class="footer-tittle">—— 乳胶漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a1.jpg" alt="" />
                                                        <div class="fix-box"><i class="fa fa-check"></i></div>
                                                    </div>
                                                    <p class="footer-explain">NN3401-4  荷兰乳酪</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1307-4 石膏岩 </p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1507-4 贝壳白</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1801-4 樱花彩</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1370-3 银烛台</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1107-4 护花使者</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a7.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN2520-3 细沙海岸</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a8.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1270-3 印度褐</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a9.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN2500-1 黑巧克力</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-a10.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1100-1 玛瑙</p>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-4 col-md-6 footer-color2 footer-parentColor">
                                                <h2 class="footer-tittle">—— 艺术漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-b1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">OW087-SRX4 余辉雪青</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-b2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN0900-SRG1 浓情佳酿</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-b3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN0960-SRS4 提拉米苏</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-b4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YN3610-FGC3 麦田守望</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-b5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN2670-SRS3 卡其天空</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-b6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RC0092-FGS4 寒冬腊月</p>
                                                </div>

                                            </div>
                                            <div class="col-xs-12 col-sm-4 col-md-2 footer-color3 footer-parentColor">
                                                <h2 class="footer-tittle">—— 木器漆 —— </h2>
                                                <div class="col-xs-12  footer-explainlast">
                                                    <div class="footer-color1Img ">
                                                        <img src="../images/contents/color/color-1-c1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain footer-explaincolor3">华丰酒红</p>
                                                </div>
                                                <div class="col-xs-12 footer-explainlast">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-1-c2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">迷情红棕</p>
                                                </div>

                                            </div>
                                        </div>
                                    
                                        <div class="col-xs-12 portfoliosForm-footer ">
                                            <div class="col-xs-12 col-sm-4 col-md-4 footer-color1 footer-parentColor">
                                                <h2 class="footer-tittle">—— 乳胶漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YN3007-4 虔诚</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC7008-4 冬日黄昏</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN6520-3 企鹅</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GN5207-4 寒江冷月</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN6540-2 忧郁</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN3410-4 稻花香</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a7.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC7208-4 渴望</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a8.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YC2820-3 幸运彩</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a9.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RA0700-1 勃艮地红</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-a10.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN6500-1 魔力黑</p>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-4 col-md-6 footer-color2 footer-parentColor">
                                                <h2 class="footer-tittle">—— 艺术漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-b1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN0039-SRS4 银色空间</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-b2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">丝绒金 - 基础</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-b3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN7340-SRS2 江南烟雨</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-b4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YN0042-FGG4 柠檬绿茶</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-b5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">OC0071-SR 维C小调</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-b6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN3910-FGS4 珠箔银光</p>
                                                </div>

                                            </div>
                                            <div class="col-xs-12 col-sm-4 col-md-2 footer-color3 footer-parentColor">
                                                <h2 class="footer-tittle">—— 木器漆 —— </h2>
                                                <div class="col-xs-12  footer-explainlast">
                                                    <div class="footer-color1Img ">
                                                        <img src="../images/contents/color/color-2-c1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain footer-explaincolor3">恒久韵白</p>
                                                </div>
                                                <div class="col-xs-12 footer-explainlast">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-2-c2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">暗夜精灵</p>
                                                </div>

                                            </div>
                                        </div>
                                
                                        <div class="col-xs-12 portfoliosForm-footer ">
                                            <div class="col-xs-12 col-sm-4 col-md-4 footer-color1 footer-parentColor">
                                                <h2 class="footer-tittle">—— 乳胶漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC5301-4 淡荷彩</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN7201-4 蝴蝶兰</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN6501-4 水色天光</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">OW058-4 蟹壳青</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YC2907-4 黄飘带</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BC6351-4 牛津纺</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a7.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC4080-2 绿野仙踪</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a8.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VN0151-4 西洋丁香</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a9.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN1390-2 岩灰</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-a10.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VA0200-1 红高粱</p>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-4 col-md-6 footer-color2 footer-parentColor">
                                                <h2 class="footer-tittle">—— 艺术漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-b1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC5401-SRX4 素绿浅灰</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-b2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YC2951-SSRX4 暖阳怀金</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-b3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RC0017-SRX4 露红烟紫</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-b4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VA004-FGG1 紫醉金迷</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-b5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BC6710-SRS4 山亭夏日</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-b6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC4370-FGO3 素雅水彩</p>
                                                </div>

                                            </div>
                                            <div class="col-xs-12 col-sm-4 col-md-2 footer-color3 footer-parentColor">
                                                <h2 class="footer-tittle">—— 木器漆 —— </h2>
                                                <div class="col-xs-12  footer-explainlast">
                                                    <div class="footer-color1Img ">
                                                        <img src="../images/contents/color/color-3-c1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain footer-explaincolor3">绿野仙踪</p>
                                                </div>
                                                <div class="col-xs-12 footer-explainlast">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-3-c2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">零典原木</p>
                                                </div>

                                            </div>
                                        </div>

                                        <div class="col-xs-12 portfoliosForm-footer ">
                                            <div class="col-xs-12 col-sm-4 col-md-4 footer-color1 footer-parentColor">
                                                <h2 class="footer-tittle">—— 乳胶漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RN0507-4 欢乐</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RC0310-4 羞答答</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YC3220-3 报春花</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YC3210-4 北极春</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC4060-3野性大自然</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC5751-4 海之女</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a7.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC4310-4 春意融融</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a8.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC5540-2 锦茵</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a9.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">OC1510-4 红颜知己</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-a10.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RC0530-2 甜蜜新娘</p>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-4 col-md-6 footer-color2 footer-parentColor">
                                                <h2 class="footer-tittle">—— 艺术漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-b1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RCN1410-SRX4 粉装玉砌</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-b2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RC0013-SRX3 嫣红金辉</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-b3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YN0035-SRS3 法国奶酪</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-b4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC0025-FGS3 夏日清柠</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-b5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC5770-SRX3 碧海青天</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-b6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">OC0057-FGS3 步步莲花</p>
                                                </div>

                                            </div>
                                            <div class="col-xs-12 col-sm-4 col-md-2 footer-color3 footer-parentColor">
                                                <h2 class="footer-tittle">—— 木器漆 —— </h2>
                                                <div class="col-xs-12  footer-explainlast">
                                                    <div class="footer-color1Img ">
                                                        <img src="../images/contents/color/color-4-c1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain footer-explaincolor3">甜蜜新娘</p>
                                                </div>
                                                <div class="col-xs-12 footer-explainlast">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-4-c2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">滚滚红尘</p>
                                                </div>

                                            </div>
                                        </div>
                                    
                                        <div class="col-xs-12 portfoliosForm-footer ">
                                            <div class="col-xs-12 col-sm-4 col-md-4 footer-color1 footer-parentColor">
                                                <h2 class="footer-tittle">—— 乳胶漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BC6708-4 平静海风</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">GC4110-3 春意缠然</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC0035-4 香芋奶昔</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BC6620-3 霸王花</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BC0017-4 细雨</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC7270-3 寂静繁星</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a7.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BC6810-4 挪威蓝</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a8.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC0002-4 紫蔓</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a9.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC7030-2 紫丁香</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-a10.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BA7000-1 蝶恋花</p>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-4 col-md-6 footer-color2 footer-parentColor">
                                                <h2 class="footer-tittle">—— 艺术漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-b1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VN0140-SRS2 罗兰花园</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-b2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BN0003-SRS4 蓝色河畔</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-b3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC7008-SRX4 青蓝冰水</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-b4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">VC7060-FGS4 银河星光</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-b5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BN0005-SRS4 丝绒天幕</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-b6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BC0006-FGO4 水天一色</p>
                                                </div>

                                            </div>
                                            <div class="col-xs-12 col-sm-4 col-md-2 footer-color3 footer-parentColor">
                                                <h2 class="footer-tittle">—— 木器漆 —— </h2>
                                                <div class="col-xs-12  footer-explainlast">
                                                    <div class="footer-color1Img ">
                                                        <img src="../images/contents/color/color-5-c1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain footer-explaincolor3">优雅日光</p>
                                                </div>
                                                <div class="col-xs-12 footer-explainlast">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-5-c2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">地中海蓝</p>
                                                </div>

                                            </div>
                                        </div>
                                    
                                        <div class="col-xs-12 portfoliosForm-footer ">
                                            <div class="col-xs-12 col-sm-4 col-md-4 footer-color1 footer-parentColor">
                                                <h2 class="footer-tittle">—— 乳胶漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">OW038-4 象牙白</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN4851-4 切尔沙世界</p>
                                                </div>
                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RA1500-1 番茄汁</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">OC1540-2 西班牙女郎</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">ON1930-2 橘碧彩</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">ON1910-4 烛光摇拽</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a7.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">NN4760-4 锡兰象牙</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a8.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BA58801-1 夏威夷</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a9.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YA3200-1 炫目</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-a10.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BA6600-1 深海蓝</p>
                                                </div>

                                            </div>

                                            <div class="col-xs-12 col-sm-4 col-md-6 footer-color2 footer-parentColor">
                                                <h2 class="footer-tittle">—— 艺术漆 —— </h2>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-b1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">丝绒银-基础</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-b2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">ON0024-SRG2 良宵好景</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-b3.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">BA6700-SRS1 星空万里</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-b4.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">YC0016-FGS4 水平如镜</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-b5.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RA0500-SRG1 金碧辉煌</p>
                                                </div>

                                                <div class="col-xs-6">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-b6.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">RA7900-FGG1 艳红玫瑰</p>
                                                </div>

                                            </div>
                                            <div class="col-xs-12 col-sm-4 col-md-2 footer-color3 footer-parentColor">
                                                <h2 class="footer-tittle">—— 木器漆 —— </h2>
                                                <div class="col-xs-12  footer-explainlast">
                                                    <div class="footer-color1Img ">
                                                        <img src="../images/contents/color/color-6-c1.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain footer-explaincolor3">香浓咖啡</p>
                                                </div>
                                                <div class="col-xs-12 footer-explainlast">
                                                    <div class="footer-color1Img">
                                                        <img src="../images/contents/color/color-6-c2.jpg" alt="" />
                                                    </div>
                                                    <p class="footer-explain">波西米亚绿</p>
                                                </div>

                                            </div>
                                        </div>
                                </div>
                                    </div>
                                </div>
                            </div>
                </form>
                <div class="footer-bottom">

                        <button type="button" class="btn footerBtn">提交作品</button>
                        <p class="footer-note">*红色标注为必填项</p>


                </div>

                </div>
                </div>

            </div>
            <!-- 页面尾部 开始 -->
                <div class="ic-footer-slogen">
                	<div class="container">
                        <div class="row hidden-xs hidden-sm">
                        	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-01.png" alt=""></div>
                        	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-02.png" alt=""></div>
                        	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-03.png" alt=""></div>
                        </div>
                        <div class="row hidden-md hidden-lg">
                        	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-1.png" alt=""></div>
                        	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-2.png" alt=""></div>
                        	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-3.png" alt=""></div>
                        </div>
                    </div>
                </div>
            
                <div class="ic-footer-mobile hidden">
                	<div class="contianer">
                		<div class="ic-footer-group">
                			<a class="ic-footer-fold-toggle" href="meitu-index.html">
                				<h4>
                					美居美图
                					<i class="fa fa-chevron-down pull-right"></i>
                					<i class="fa fa-chevron-up pull-right"></i>
                				</h4>
                			</a>
                			<div class="ic-footer-fold">
                				<ul class="list-unstyled">
            						<li><a href="meitu-video-list.html">美居视频</a></li>
            						<li><a href="meitu-list.html">美居图库</a></li>
            						<li><a href="meitu-index.html">美居资讯</a></li>
            						<li><a href="meitu-project.html">专题活动</a></li>
            					</ul>
                			</div>
                		</div>
            
                		<div class="ic-footer-group">
                			<a class="ic-footer-fold-toggle" href="jiapin-choice.html">
                				<h4>
                					美居家品
                					<i class="fa fa-chevron-down pull-right"></i>
                					<i class="fa fa-chevron-up pull-right"></i>
                				</h4>
                			</a>
                			<div class="ic-footer-fold">
                				<ul class="list-unstyled">
            						<li><a href="jiapin-choice.html#ic-choice-changjing">按场景选择</a></li>
            						<li><a href="jiapin-choice.html#ic-choice-taocan">按套餐选择</a></li>
            						<li><a href="jiapin-choice.html#ic-choice-danpin">按单品选择</a></li>
            						<li><a href="jiapin-prefs.html">设计首选</a></li>
            					</ul>
                			</div>
                		</div>
            
                		<div class="ic-footer-group">
                			<a class="ic-footer-fold-toggle" href="sheji-index.html">
                				<h4>
                					美居设计
                					<i class="fa fa-chevron-down pull-right"></i>
                					<i class="fa fa-chevron-up pull-right"></i>
                				</h4>
                			</a>
                			<div class="ic-footer-fold">
                				<ul class="list-unstyled">
            						<li><a href="sheji-dapei.html">在线搭配</a></li>
            						<li><a href="sheji-workshop.html">设计师工作室</a></li>
            					</ul>
                			</div>
                		</div>
            
                		<div class="ic-footer-group">
                			<a class="ic-footer-fold-toggle" href="#">
                				<h4>
                					友情链接
                					<i class="fa fa-chevron-down pull-right"></i>
                					<i class="fa fa-chevron-up pull-right"></i>
                				</h4>
                			</a>
                			<div class="ic-footer-fold">
                				<ul class="list-unstyled">
                                  <li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
                                  <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
                                  <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
                                  <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
                                  <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
                                  <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
                                  <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
                                  <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
                                  <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
            					</ul>
                			</div>
                		</div>
            
                	</div>
                </div>
            
            	<div class="ic-footer-1 hidden-xs hidden-sm">
            		<div class="container">
                        <div class="row">
            				<div class="ic-footer-nav col-xs-12 col-md-2">
            					<h4>美居美图</h4>
            					<ul class="list-unstyled">
            						<li><a href="meitu-video-list.html">美居视频</a></li>
            						<li><a href="meitu-list.html">美居图库</a></li>
            						<li><a href="meitu-index.html">美居资讯</a></li>
            						<li><a href="meitu-project.html.html">专题活动</a></li>
            					</ul>
            				</div>
            				<div class="ic-footer-nav col-xs-12 col-md-2">
            					<h4>美居家品</h4>
            					<ul class="list-unstyled">
            						<li><a href="jiapin-changjing.html">按场景选择</a></li>
                                    <li><a href="jiapin-taocan.html">按套餐选择</a></li>
                                    <li><a href="jiapin-danpin.html">按单品选择</a></li>
                                    <li><a href="jiapin-prefs.html">设计首选</a></li>
            					</ul>
            				</div>
            				<div class="ic-footer-nav col-xs-12 col-md-2">
            					<h4>美居设计</h4>
            					<ul class="list-unstyled">
            						<li><a href="sheji-dapei.html">在线搭配</a></li>
                                    <li><a href="sheji-workshop.html">设计师工作室</a></li>
            					</ul>
            				</div>
            				<div class="col-xs-12 col-md-6 hidden-xs hidden-sm">
            					<div class="ic-qrcode">
            						<h4>官方微信号</h4>
            						<img src="../images/public/qrcode.png" alt="qrcode">
            					</div>
            					<div class="ic-qrcode">
            						<h4>iColor APP</h4>
            						<img src="../images/public/qrcode.png" alt="qrcode">
            					</div>
            				</div>
                        </div>
                    </div>
            	</div>
            
            	<div class="ic-footer-2  hidden-xs hidden-sm">
            		<div class="container">
            			<div class="row">
            	            <div class="friendlink col-xs-12 col-md-9">
            	            	<ul class="list-inline">
            	            		<span>友情链接：</span>
            	            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
                                    <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
                                    <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
                                    <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
                                    <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
                                    <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
                                    <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
                                    <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
                                    <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
            	            	</ul>
                        	</div>
                        	<div class="icolor-social col-xs-12 col-md-3">
                        		<ul class="list-inline">
                        			<span><a href="" class="fa fa-th"></a></span>
                        			<li><a href="" class="fa fa-tencent-weibo"></a></li>
                        			<li><a href="" class="fa fa-weibo"></a></li>
                        			<li><a href="" class="fa fa-wechat"></a></li>
                        		</ul>
                        	</div>
                       </div>
                   </div>
            	</div>
            
            	<div class="ic-footer-3">
            		<div class="container">
            			<div class="row">
            	            <div class="ic-footer-sitenav col-xs-12 hidden-xs">
            	            	<ul class="list-inline">
            	            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
            	            		<li><a href="">联系我们</a></li>
            	            		<li><a href="">会员机制</a></li>
            	            		<li><a href="">网上商城</a></li>
            	            		<li><a href="">网站声明</a></li>
            	            		<li><a href="">关于我们</a></li>
            	            		<li><a href="">网站地图</a></li>
            	            	</ul>
            	            </div>
            	            <div class="ic-copyright col-xs-12">
            	            	<p>Copyright 2012 NIPPON PAINT (CHINA)Co.,Ltd All Rights Reserved<br/>iColor装修网 icolor.com.cn 沪ICP备13045279号</p>
            	            </div>
                       </div>
                   </div>
            	</div>
            	<!-- 页面尾部 结束 -->
            

        <script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../vendors/javascript.load.image/js/load-image.all.min.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>
    </body>

</html>